<template>
  <div>
    <el-container>
      <el-header>
        <el-menu
          :default-active="activeIndex"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          style="width:1280px;position: relative;
  left: -20px;"
        >
          <el-menu-item index="/index_manager/tagehead/settage">物业标识</el-menu-item>
          <!-- <el-menu-item index="/index_manager/tagehead/setwaterprice">设置水费</el-menu-item> -->
          <!-- <el-menu-item index="/index_manager/tagehead/seteleprice">设置电费</el-menu-item> -->
          <!-- <el-menu-item index="/index_manager/tagehead/setgasprice">设置燃气费</el-menu-item> -->
          <el-menu-item index="/index_manager/tagehead/setpropertyprice">设置物业费费</el-menu-item>
          <!-- <el-menu-item index="/index_manager/tagehead/setparkingprice">设置停车费费</el-menu-item> -->

          <!-- <el-input class="divinputp" v-model="keyword" placeholder="请输入要查找的内容"></el-input>
          <el-button class="divbuttonleftp" type="primary" @click="search(keyword)">查 找</el-button> -->
        </el-menu>
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
        keyword:'',
      activeIndex: "/index_manager/tagehead/settage"
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      this.$router.push(key);
      console.log(key, keyPath);
    },
    search(keyword) {
      console.log("传值前的keyword:::" + keyword);
    //   this.$router.push({
    //     path: "/index_manager/util",
    //     query: {
    //       keyword: keyword,
    //       tage: "owner"
    //     }
    //   });
    }
  },
  components: {}
};
</script>

<style scope>
.divinputp {
  width: 200px;
  position: relative;
  left: +350px;
}
.divbuttonleftp {
  position: relative;
  left: +360px;
}
</style>
